<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>定时任务</title>
		<script>
			// 1.延迟计划
			// setTimeout(function() {
			// 	alert('过1秒钟弹出来了')
			// }, 1000) // 时间是毫秒数
		</script>
	</head>
	<body>
		<!-- 60秒倒计时到0停止 -->
		<div></div>
	</body>
	<script>
		// 2.周期计划
		let time = 20
		let div = document.getElementsByTagName('div')[0]
		div.innerText = time
		// 第一次执行需要等待一个周期
		let i = setInterval(function() {
			// 通过DOM改div的文本
			time --
			div.innerText = time // 重新渲染一遍
			if(time <= 10) {
				div.style.color = '#F00'
			}
			if(time <= 0) {
				// 结束定时任务
				clearInterval(i)
			}
		}, 1000) // 每隔1秒钟做什么
		console.log('这里的代码会执行吗')
	</script>
</html>